<template>
    <div class="brandDetail">

        <h1 class="brandName">{{brandDetailData.name}}</h1>
    </div>
</template>

<script>
    import axios from 'axios'
    export default {
        data() {
            return {
                brandDetailData: {}
            }
        },
        created() {
            axios.get('http://mockjs.xiaoyaoji.cn/mock/1Ve70KqViGf/brand/detail', {
                id: this.$route.query.id
            }).then(res => {
                if (res.status === 200) {
                    this.brandDetailData = res.data.brand;
                    console.log(this.brandDetailData);
                }
            })
        }
    }
</script>

<style lang="less" scoped>
    .brandDetail {
        width: 100%;
        height: 100vh;
        text-align: center;
        background-color: #fff;

        .brandName {
            margin-top: 30px;
            font-size:.24rem
        }
    }
</style>